<template>
  <div>

  <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
  <div id="main" style="width: 600px;height:400px;"></div>

  </div>
</template>

<script>
import * as echarts from 'echarts'
  export default {
    mounted(){
// 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(document.getElementById('main'));
   
     this.$axios.get('reports/type/1')
     .then(res=>{
        myChart.setOption(res.data);
     })
      // 使用刚指定的配置项和数据显示图表。
      
    }
  }
</script>

<style scoped>

</style>